<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<title>Alta de Sucursal</title>
</head>
<body>
	<div class="container">
		<h2>Alta de sucursal</h2>
		<hr>
		<div id="empresa" class="panel panel-default">
			<div class="panel-heading">Empresa</div>
			<div class="panel-body">
				<form role="form">
					<div class="form-group">
						<label for="email">Numero:</label>
						<input type="text" class="form-control" id="numero" name="numero">
					</div>
					<div class="form-group">
						<label for="pwd">Nombre:</label>
						<input type="text" class="form-control" id="nombre" name="nombre">
					</div>
					<div class="panel panel-default">
						<div class="panel-heading">Ubicacion</div>
						<div class="panel-body">
							<form role="form">
								<div class="form-group">
									<label for="email">Provincia:</label>
									<input type="text" class="form-control" id="provincia" name="provincia">
								</div>
								<div class="form-group">
									<label for="pwd">Ciudad:</label>
									<input type="text" class="form-control" id="ciudad" name="ciudad">
								</div>
								<div class="form-group">
									<label for="pwd">Direccion:</label>
									<input type="text" class="form-control" id="direccion" name="direccion">
								</div>
							</form>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading">Empleados</div>
						<div class="panel-body">
							<form role="form">
								<div class="form-group">
									<label for="email">Gerente:</label><br>
									<select name="gerente">
										<option value="">Seleccione</option>
									</select>
								</div>
								<div class="form-group">
									<label for="pwd">Encargado del deposito:</label><br>
									<select name="encargadoDeposito">
										<option value="">Seleccione</option>
									</select>
								</div>
								<div class="form-group">
									<label for="pwd">Encargado de despacho:</label><br>
									<select name="encargadoDespacho">
										<option value="">Seleccione</option>
									</select>
								</div>
								<div class="form-group">
									<label for="pwd">Encargado de recepcion:</label><br>
									<select name="encargadoRecepcion">
										<option value="">Seleccione</option>
									</select>
								</div>
							</form>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading">Rutas</div>
						<div class="panel-body">
							<form role="form">
								<div class="form-group">
									<label for="sucursalDestino">Sucursal destino:</label><br>
									<select name="sucursalDestino">
										<option value="">Seleccione</option>
									</select><br>
									<label for="duracion">Duracion del viaje:</label>
									<input type="text" class="form-control" id="duracion" name="duracion">
									<label for="costo">Costo del viaje:</label>
									<input type="text" class="form-control" id="costo" name="costo">
								</div>
								<input type="button" value="Agregar ruta">
							</form>
							<hr>
							<div id="rutas">
								<ul class="list-group">
									<li class="list-group-item">
										<span class="badge"><a href="#">Borrar</a></span>
										Sucursal origen --> Sucursal destino (Duracion - Costo)
									</li>
									<li class="list-group-item">
										<span class="badge"><a href="#">Borrar</a></span>
										Sucursal origen --> Sucursal destino (Duracion - Costo)
									</li>
								</ul>
							</div>
						</div>
					</div>
					<button type="submit" class="btn btn-danger">Guardar</button>
				</form>
			</div>
		</div>
	</div>

	<script src="https://code.jquery.com/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script type="text/javascript">
	$('#dni').on('focusout', function(event) {
		event.preventDefault();
		$.ajax({
			url: '/Validaciones',
			type: 'GET',
			dataType: 'html',
			data: {tipo: $('#tipo').val(), dni: $('#dni').val()},
		})
		.done(function() {
			console.log("success");
		});
	});
	$('#cuit').on('focusout', function(event) {
		event.preventDefault();
		$.ajax({
			url: '/Validaciones',
			type: 'GET',
			dataType: 'html',
			data: {tipo: $('#tipo').val(), dni: $('#cuit').val()},
		})
		.done(function() {
			console.log("success");
		});
	});
	</script>
</body>
</html>